
<div class="cuerpo-preg-frec">
    <h2>Ayuda / <a style="color: #59C5D1;">Preguntas Frecuentes</a></h2>

    <div class="menu-preg-frec">
        <ul id="R-1">
            <?php
            $categories = get_categories(array('child_of' => get_cat_ID('Preguntas Frecuentes'), 'hide_empty' => 0));
            foreach ($categories as $categoria) {
                ?>
                <li class="R-1"><span></span><a href="<?php echo get_bloginfo('url') . '/?cat=' . $categoria->cat_ID; ?>"><?php echo $categoria->name; ?></a>
                    <?php $query = new WP_Query("category_name=" . $categoria->slug . "&posts_per_page=-1&orderby=date&order=ASC"); ?>
                    <?php if ($query->have_posts()) : ?>
                        <ul id="R-2">
                            <?php while ($query->have_posts()) : $query->the_post() ?>
                                <li class="R-2<?php if ($_GET['p'] == get_the_ID()) echo ' activo'; ?>"><a href="<?php the_permalink() ?>"><?php echo '-' . get_the_title(); ?></a></li>
                            <?php endwhile; ?>
                        </ul>
                    <?php endif; ?>
                    <?php wp_reset_postdata(); ?>
                </li>

            <?php } ?>
        </ul>
    </div>
<!--    <pre>
    <?php print_r($categories); ?>
    </pre>-->
    <div class="posts">
        <?php global $query_string; ?>
        <?php query_posts($query_string); ?>
        <?php if (have_posts()) : the_post() ?>
            <h3><?php the_title(); ?> <?php edit_post_link(__(''), '<span class="editar-caja">', '</span>', get_the_ID()); ?></h3>
            <?php the_content(); ?>
            <?php
        else :
            echo 'No hay post en esta categoría..';
        endif;
        ?>
    </div>
    <?php // print_r(obtener_id_productos());?>
    <div class="box-widget caja-producto">
        <?php
        $id_prod = obtener_id_productos();
//        $rand = array_rand($id_prod, 1);
//        print_r($id_prod);
        $custom = get_post_custom($id_prod[array_rand($id_prod, 1)]);
        $imagen = $custom["imagen-Cproducto"][0];
        $texto = $custom["texto-Cproducto"][0];

        // Obtenemos la imagen en su tamaño máximo. Podéis poner en su lugar
        // thumbnail, medium o large
        $image = wp_get_attachment_image_src($imagen, 'medium');
        // la primera parte de wp_get_attachment_image_src nos da su url.
        $image = $image[0];
        ?>
        <div class="titulo-caja"><a>Productos Bepoket Print</a></div>
        <div class="cuerpo-caja">
            <div class="imagen">
                <!--<img src="<?php //echo $image;           ?>" alt="imagen-caja" width="246"/>-->
                <img src="<?php echo $image; ?>" alt="imagen-caja" />
            </div>
            <div class="texto-caja">
                <p><?php echo resumen($texto, 30); ?></p>
            </div>
            <a class="boton-ver" href="<?php bloginfo("url"); ?>/?custom_page=productos">Ver</a>
        </div>
    </div>
    <div class="box-widget caja-tips-blog">
        <?php $query2 = new WP_Query("category_name=Blog&showposts=1&orderby=rand"); ?>
        <div class="titulo-caja"><a>Conocé nuestro Blog</a></div>
        <div class="cuerpo-caja">
            <?php if ($query2->have_posts()) : $query2->the_post() ?>
                <div class="imagen">
                    <?php
                    if (get_the_post_thumbnail()) {
                        $image_id = get_post_thumbnail_id();
                        $image_attributes = wp_get_attachment_image_src($image_id, 'medium');
                        ?>
                        <img src="<?php echo $image_attributes[0]; ?>" width="100%">
                    <?php } else { ?>
                        <img src="<?php bloginfo('template_url') ?>/images/no-imagen.jpg" style="width: 100%;">
                    <?php } ?>
                </div>
                <div class="texto-caja">
                    <p><?php echo resumen(get_the_excerpt(), 30); ?></p>
                </div>
            <?php endif; ?>
            <?php wp_reset_postdata(); ?>
            <a href="<?php bloginfo("url"); ?>/?cat=<?php echo get_cat_ID('blog') ?>">Ir al blog...</a>
        </div>
    </div>

</div>